//查看事件组件
import './index.scss';
import React from 'react';
import { formatDateTime } from '../../../libs/utils';

import Modal from '../index';

function CheckModal(props) {
  //外界传入的是否显示Modal组件 isShowCheckModal
  //外界传入的数据 data
  //外界传入的关闭模态框函数 closeModal
  const { isShowCheckModal,data, closeModal} = props;

  return (
    <Modal
      isShowModal={isShowCheckModal}
      modalTitle="查看事件"
    >
      <p className="topic">时间: { formatDateTime(data.id) }</p>
      <p className="topic">内容: { data.content }</p>
      <p className="topic">状态： {data.completed ? '已完成' : '未完成'}</p>
      <button
        className='btn btn-primary confirm-btn'
        onClick={closeModal}
      >确定</button>
    </Modal>
  );
}

export default CheckModal;